// http://ionicframework.com/docs/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
.toolbar-background {
  background-color: #488aff;
};

/* 让页面可以滑动，但是不显示进度条 */
::-webkit-scrollbar {
  display: none;
}

/* Actionsheet 自定义样式*/
.action-sheet-md {
  text-align: center;
}

.action-sheet-md .action-sheet-container {
  padding: 0 5px;
}

.action-sheet-md .action-sheet-group {
  overflow: hidden;
  margin-bottom: 5px;
  border-radius: 5px;
  background: #f9f9f9;
}

.action-sheet-md .action-sheet-group:last-child {
  margin-bottom: 10px;
}

.action-sheet-md .action-sheet-title {
  padding: 1.5rem;
  border-bottom: 0.55px solid #d6d6da;
  border-radius: 0;
  font-size: 16px;
  text-align: center;
  color: #666666;
}

.action-sheet-md .action-sheet-button {
  margin: 0;
  padding: 5px;
  height: 50px;
  border-bottom: 0.55px solid #d6d6da;
  font-size: 20px;
  color: #007aff;
  background: transparent;
  text-align: center;
}

.action-sheet-md .action-sheet-button:last-child {
  border-bottom: 0;
}

.action-sheet-md .action-sheet-button.activated {
  margin-top: -0.55px;
  border-top: 0.55px solid #ebebeb;
  border-bottom-color: #ebebeb;
  background: #ebebeb;
}

.action-sheet-md .action-sheet-selected {
  background: #fff;
}

.action-sheet-md .action-sheet-destructive {
  font-size: 20px;
  color: #007aff;
}

.action-sheet-md .action-sheet-cancel {
  font-size: 20px;
  background: #fff;
}

.action-sheet-md .action-sheet-group .button-inner {
  -webkit-box-pack: start;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: center;
}

/*Alert 样式*/
.alert-md .alert-head {
  text-align: center;
  padding-top: 10px;
  font-weight: 300;
}

.alert-md .alert-title {
  font-size: 18px;
}

.alert-md .alert-sub-title {
  font-size: 18px;
}

.alert-md .alert-button-group {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: center;
  -ms-flex-pack: end;
  justify-content: center;
  padding: 8px 8px 8px 24px;
}

.alert-md .alert-button {
  text-align: center;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  text-transform: uppercase;
  color: #666666;
  background-color: transparent;
  margin: 0 8px 0 0;
  padding: 10px;
  flex: 1;
}

.alert-md .alert-button .button-inner {
  -webkit-box-pack: end;
  -webkit-justify-content: center;
  -ms-flex-pack: end;
  justify-content: center;
}

.alert-md .alert-button.ok {
  background-color: #007aff;
  color: white;
}

/* 头部样式的统一 */
.back-button-md {
  margin: 0 6px;
  min-width: 44px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: white;
}

.bar-button-md {
  color: white;
  background-color: transparent;
}

.toolbar-title-md {
  padding: 0 12px;
  font-size: 2rem;
  font-weight: 500;
  color: white;
}
